<template>
    <el-card class="box-card">
      <el-collapse class="el-collapse" v-model="activeNames">
        <el-collapse-item name="1">
          <template #title v-if="props.title">
            <h1>{{ props.title }}</h1>
          </template>
          <slot/>
        </el-collapse-item>
      </el-collapse>
    </el-card>
</template>

<script setup lang='ts'>
import { ref } from 'vue';
const props = defineProps({
  title: {
      type: String,
      default: '',
  },
})
const activeNames = ref(['1'])
</script>
